<template>
  <div class="text" style="height: 100%">
    <a-button
      type="primary"
      style="height: 40px; width: 70px; margin-right: 10px"
      >发布</a-button
    >
    <div class="text-texts" style="height: 100vh">
      <v-md-editor v-model="state.text" height="100%"></v-md-editor>
    </div>
  </div>
</template>
<script lang="ts">
import { defineComponent, reactive } from 'vue'
export default defineComponent({
  setup() {
    const state = reactive({
      text: ''
    })
    return {
      state
    }
  }
})
</script>

<style lang="scss" scoped>
.text {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
</style>
